<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="/result_data/css/animate.min.css">
    <script src="/theme/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <script src="/www_data/js/d3.v5.min.js"></script>


    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <!--<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>-->
    <!-- GrowingIO Analytics code version 1.0 -->
    <!-- Copyright 2015-2017 GrowingIO, Inc. More info available at http://www.growingio.com -->
    <script type='text/javascript'>
        !function(e,t,n,g,i){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)},n=t.createElement("script"),tag=t.getElementsByTagName("script")[0],n.async=1,n.src=('https:'==document.location.protocol?'https://':'http://')+g,tag.parentNode.insertBefore(n,tag)}(window,document,"script","assets.growingio.com/2.1/gio.js","gio");

        gio('init', '852e8490f5d42327', {'setImp': 'false'});
        //put your custom page code here

        gio('send');
    </script>

    <!-- End GrowingIO Analytics code version: 1.0 -->

    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none' id='cnzz_stat_icon_1274204953'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1274204953%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>

</head>
<style>
    body {
        margin: 0 auto;
        max-width: 750px;
        background: #f8f8f8;
    }
    .content{
        padding: 0px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .content-wrapper, .right-side{background-color: #f8f8f8;}
    .skin-red-light .content-wrapper, .skin-red-light .main-footer{    border-left: 0px;}
    h3{text-align: center;line-height: 40px;height: 40px;margin-top: 0px;
        margin-bottom: 0px;font-size: 20px; }
    .text{
        position: absolute;
        bottom: 12%;
        right: 7%;
        font-size: 14px;
        color: #333;
    }
    .text p{margin: 0px;text-align: center}
    .ani_cmp1 {
        animation-duration: 2s;
        animation-delay: 2s;
    }
    .ani_cmp2 {
        animation-duration: 2s;
        animation-delay: 4s;
    }
    .ani_cmp3 {
        animation-duration: 2s;
        animation-delay: 6s;
    }
    .ani_cmp4 {
        animation-duration: 2s;
        animation-delay: 8s;
    }
    .ani_cmp5 {
        animation-duration: 2s;
        animation-delay: 10s;
    }
    .ani_cmp6{
        animation-duration: 2s;
        animation-delay: 12s;
    }
    .strong{font-weight: bold;font-size:20px; }
    .strong1{
        font-weight: bold;font-size:24px;
    }
    .zy_app{position: fixed;top: 0px;left: 0px;width: 100%;height: 100%}
    .ani_cmp7{
        animation-duration: 2s;
        animation-delay: 81s;
    }
    .shadow{
        position: absolute;
        top: 0px;left: 0px;
        width: 100%;
        height: 100%;
        background:rgba(0,0,0,0.8);
        opacity: .5;
    }
    .zy_app img{
        position: absolute;
        width: 50%;
        left: 25%;
        top: 35%;
    }
    .ani_cmp8{
        animation-duration: 2s;
        animation-delay: 83s;
        position: absolute;
        text-align: center;
        width: 100%;
        top: 25%;
        color: #fff;
    }
    .ani_cmp9{
        animation-duration: 2s;
        animation-delay: 85s;
    }
</style>
<body>
<div class="index_ani">
    <h3 class="ani_cmp1 animated fadeInDown">40年中原地产大陆区客户资产</h3>
    <div class="text">
        <p class="ani_cmp2 animated fadeInRight">40年的<span class="strong">客户沉淀</span></p>
        <p class="ani_cmp3 animated fadeInRight">40年的<span class="strong">客户信任</span></p>
        <p class="ani_cmp4 animated fadeInRight">40年的<span class="strong">客户见证</span></p>
        <p class="ani_cmp5 animated fadeInRight">40年的<span class="strong">客户维系</span></p>
        <p class="ani_cmp6 animated fadeInRight strong1">40年成就你我</p>
    </div>
    <div class="zy_app">
        <div class="shadow ani_cmp7 animated fadeInUp"></div>
        <p class="ani_cmp8 animated fadeInDown">安全中介选中原<br>欢迎下载中原找房APP</p>
        <img class="ani_cmp9 animated zoomIn" src="/www_data/img/zy_app.png" alt="">
    </div>
</div>
<center>
    <svg id='data_growth'></svg>
    <script src="/www_data/js/config.js"></script>
    <script src="/www_data/js/visual.js"></script>
    <link rel="stylesheet" href="/www_data/css/stylesheet.css">
</center>
<script type="text/javascript">
    $(function () {
        // var vConsole = new VConsole();
        var svg = document.getElementById('data_growth')
        svg.setAttribute('height', (document.documentElement.clientHeight - 45))
        svg.setAttribute('width', document.documentElement.clientWidth )

        $.getJSON("/www_data/data.json",function(data){
           /* console.log(data)*/
            draw(data)
        })

        var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
        //在微信中打开
        getwxconfig();
        var linkurl = "http://dataplat.centaline.com.cn/www_data/data_growth";
        var title = "【中原数据平台】40年中原地产大陆区客户资产，看完热血沸腾";
        var des = "40年中原地产大陆区客户资产";
        var imgurl = "http://dataplat.centaline.com.cn/images/change40.png";
        wxshare(linkurl,title,des,imgurl);
    })



    //获取微信配置信息
    function getwxconfig() {
        var url = location.href.split('#')[0];
        $.ajax({
            type: "POST",
            url: "/www_data/weixintoken",
            data: {
                'action': 'wxApi',
                'url': url
            },
            dataType: "json",
            async:false,
            success: function (data) {
                //console.log('配置成功');
                wx.config({
                    debug: false,
                    appId: data.appId,
                    timestamp: data.timestamp,
                    nonceStr: data.nonceStr,
                    signature: data.signature,
                    jsApiList: [
                        // 所有要调用的 API 都要加到这个列表中
                        'onMenuShareAppMessage',
                        'onMenuShareTimeline',
                        'onMenuShareQQ',
                        'onMenuShareWeibo',
                        'onMenuShareQZone',
                        'chooseImage',//选择照片或者拍照
                        'uploadImage'//上传图片
                    ]
                });
            },
            error: function (data) {
                console.log(data);
                console.log('分享配置失败');
            }
        });
    }
    //微信分享
    function wxshare(linkurl,title,des,imgurl) {
        wx.ready(function () {
            //微信分享
            wx.onMenuShareTimeline({
                title: title, // 分享标题
                desc: des, // 分享描述
                link: linkurl, // 分享链接
                imgUrl: imgurl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                    //alert("成功");
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    //alert("失败");
                }
            });
            wx.onMenuShareAppMessage({
                title: title, // 分享标题
                desc: des, // 分享描述
                link: linkurl, // 分享链接
                imgUrl: imgurl, // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                    //alert("成功");
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                    //alert("失败");
                }
            });
            wx.onMenuShareQQ({
                title: title, // 分享标题
                desc: des, // 分享描述
                link: linkurl, // 分享链接
                imgUrl: imgurl, // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareWeibo({
                title: title, // 分享标题
                desc: des, // 分享描述
                link: linkurl, // 分享链接
                imgUrl: imgurl, // 分享图标
                success: function (res) {

                },
                cancel: function (res) {

                },
                fail: function (res) {

                }
            });
            wx.onMenuShareQZone({
                title: title, // 分享标题
                desc: des, // 分享描述
                link: linkurl, // 分享链接
                imgUrl: imgurl, // 分享图标
                success: function (res) {

                },
                cancel: function (res) {

                },
                fail: function (res) {

                }
            });
        });
    }

</script>
</body>
</html>